<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">

	<title>Page Title | Yoursite.com</title>

	<meta name="keywords" content="keyword phrase 1, keyword phrase 2" />
	<meta name="description" content="inHarmony is a perfect corporate html template." />
	
	<link rel="Shortcut Icon" type="image/ico" href="imgs/favicon.ico" />
	
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	
	<!-- CSS _____________________________________________-->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/magnificpopup.css" >
	<link rel="stylesheet" href="css/font-awesome.min.css">
	
	<link href="css/master.css" rel="stylesheet">
	<link href="css/colors-classic.css" rel="stylesheet">   <!-- The color scheme -->
	
	<!-- Javascripts _____________________________________________-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
		<!-- include image popups -->
		<script src="js/jquery.magnific-popup.min.js"></script> 
		<!-- include mobile menu -->
		<script src="js/jquery.mobilemenu.js"></script> 
		<!-- include custom script -->
		<script src="js/scripts.js"></script>
	
	<!-- Fixing Internet Explorer ______________________________________-->
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<link rel="stylesheet" href="css/ie.css" />
	<![endif]-->

	<!--[if IE 7]>
		<link rel="stylesheet" href="css/ie7.css" />
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
	<![endif]-->
</head> 

<body class="page left-sidebar">

<div id="wrapperbox">

	<!-- HEADER _____________________________________________-->
	<header role="banner">
		<div class="wrapper">
			<!-- Logo ______________________________________-->
			<div id="logo">
				<h1>
					<a href="/" rel="home"><img src="imgs/logo.gif" alt="inHarmony Logo" /></a>
					<a href="/" rel="home">inHarmony<span class="blue">.</span></a> <br />
					<span class="subtitle">Just another HTML template</span>
				</h1>
			</div>
			
			<!-- Address Microdata ______________________________________-->
			<div id="address-block" itemscope itemtype="http://schema.org/Organization"> 
			   <span itemprop="name" class="hidden">inHarmony Organization</span> 
			   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
					
				  <span itemprop="streetAddress">2939 4th Ave W</span>,
				  <span itemprop="addressLocality">Vancouver</span>,
				  <span itemprop="postalCode">BC V6K 1R3</span>
			   </div>
			   <span itemprop="telephone"><i class="icon-mobile-phone"></i> <strong>123-456-9999</strong></span> 
			   <a href="mailto:info@yourcompany.com" itemprop="email"><i class="icon-envelope"></i> info@the-company.com</a>
			</div>	
			
			<!-- Social icons ______________________________________-->
			<div id="social-block">
				<ul>
					<li><a href="#" target="_blank" title="Twitter"><i class="icon-twitter"></i></a></li>
					<li><a href="#" target="_blank" title="Facebook"><i class="icon-facebook"></i></a></li>
					<li><a href="#" target="_blank" title="Linkedin"><i class="icon-linkedin"></i></a></li>
					<li><a href="#" target="_blank" title="Pinterest"><i class="icon-pinterest"></i></a></li>
					<li><a href="#" target="_blank" title="Google Plus"><i class="icon-google-plus"></i></a></li>
					<!-- 	<li><a href="#" target="_blank" title="Youtube"><i class="icon-youtube"></i></a></li>
					<li><a href="#" target="_blank" title="Dribbble"><i class="icon-dribbble"></i></a></li>
					<li><a href="#" target="_blank" title="Flickr"><i class="icon-flickr"></i></a></li>
					<li><a href="#" target="_blank" title="Tumblr"><i class="icon-tumblr"></i></a></li>
					<li><a href="#" target="_blank" title="Skype"><i class="icon-skype"></i></a></li> -->
				</ul>
			</div>
		</div>  <!-- END .wrapper -->
		
		<!-- Main menu ______________________________________-->
		<nav id="mainmenu" role="navigation">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="#">Styles</a>
					<ul class="sub-menu" id="change-style">
						<li><a href="#" id="classic">Classic</a></li>
						<li><a href="#" id="eco-earth">Eco Earth</a></li>
						<li><a href="#" id="silver-grey">Silver Grey</a></li>
						<li><a href="#" id="passion-red">Passion Red</a></li>
						<li><a href="#" id="golden">Golden</a></li>
						<li><a href="#" id="deep-blue">Deep Blue</a></li>	
					</ul>
				</li>
				<li><a href="elements.html" class="active">Pages</a>
					<ul class="sub-menu">
						<li><a href="about-us.html" class="active">About Us</a></li>
						<li><a href="elements.html">Elements</a></li>
						<li><a href="team.html">Team</a></li>
						<li><a href="pricing.html">Pricing</a></li>
						<li><a href="testimonials.html">Testimonials</a></li>
						<li><a href="faqs.html">FAQs</a></li>
						<li><a href="404.html">404</a></li>
					</ul>
				</li>
				<li><a href="#">Media</a>
					<ul class="sub-menu">
						<li><a href="portfolio.html">Portfolio</a>
							<ul class="sub-menu">
								<li><a href="portfolio.html">Portfolio Small</a></li>
								<li><a href="portfolio-medium.html">Portfolio Medium</a></li>
								<li><a href="portfolio-large.html">Portfolio Large</a></li>
							</ul>
						</li>
						<li><a href="portfolio-single.html">Portfolio Single</a></li>
						<li><a href="documentation.html">Documentation</a></li>
					</ul>
				</li>
				<li><a href="#">Layouts</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">Left Sidebar</a></li>
						<li><a href="blog-post.html">Right Sidebar</a></li>
						<li><a href="team.html">Full Width</a></li>
					</ul>
				</li>
				
				<li><a href="blog.html">Blog</a>
					<ul class="sub-menu">
						<li><a href="blog-post.html">Blog Post</a></li>
					</ul>
				</li>
				<li><a href="contact.html">Contact</a></li>
			</ul>		

			<!-- Search box ______________________________________-->
			<div id="sitesearch">
				<i class="icon-search"></i>
			</div>
			<div id="search-results">
				<script>
				  (function() {
					var cx = '017683756184911932766:rvnzs1j9m1g';
					var gcse = document.createElement('script');
					gcse.type = 'text/javascript';
					gcse.async = true;
					gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
						'//www.google.com/cse/cse.js?cx=' + cx;
					var s = document.getElementsByTagName('script')[0];
					s.parentNode.insertBefore(gcse, s);
				  })();
				</script>
				<div id="search-box">
					<div class="gcse-search"></div>
				</div>
			</div>
			
		</nav> <!-- END #mainmenu -->		
	</header>
			
	<div class="wrapper">
		
		
			
		<div id="content" role="main">
			
			<!-- Heading _____________________________________________-->
			<h1>About Us</h1>
			
			<!-- Breadcrumbs _____________________________________________-->
			<p itemscope itemtype="http://data-vocabulary.org/Breadcrumb" id="breadcrumbs"><a href="/" rel="home" itemprop="url"><span itemprop="title">Home</span></a> <i class="icon-chevron-right"></i> About Us</p>
			<hr />
			
			<!-- WYSIWYG Content _____________________________________________-->
		
			<h2><strong>Our Company is...</strong></h2>
			<br />
			<p class="extrabig">... regarded as industry leaders in digital strategy and solutions, focused solely on delivering great user experiences.</p>
			<hr />
			<p>Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor euismod pharetra sem interdum. Etiam laoreet sagittis placerat. Ut in magna sit amet massa posuere pretium. Vestibulum id est nulla, non adipiscing tortor. Aenean sed dolor quis nulla sodales bibendum. In vitae justo mi. Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur.</p>
			<p>Donec odio ut arcu fringilla dictum eu eu nisl. Donec rutrum erat non arcu gravida porttitor. Nunc et magna nisi. lore Aliquam at erat in lorem purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Maecenas ut nulla quis eros scelerisque posuere vel vitae nibh. Proin id condimentum sem. Morbi vitae dui in magna vestibulum suscipit vitae vel nunc. Integer ut risus nulla. malesuada tortor, nec scelerisque lorem mattis.</p>
			<p>Nunc et rutrum consetetur sadipscing dolor elitr, sed diam nonumy lore at volutpat. Sed consectetur suscipit lorem nunc.adipiscing elit. Integercommodo tristique odio, quis fringilla ligula aliquet. Proin iaculis purus consequat dursus dolor dignitea onecade lore porttitora suscipit aenean roncus posuere odio tincidunt posuere molestie. Nam aliquam volutpat vel bibendum nunc elit purus tempus pulvinar rhoncus eges tas vel nibheas volutpat leo aliquam in scelerise sagittis.</p>
			<br />
			<div class="p33 center">
				<p class="smaller-padding"><i class="icon-desktop extrabig blue"></i></p> 
				<h3>Our Company Mission</h3>
				<p>Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet. Risus mollis malesuada quis quis nulla. </p>
			</div>
			<div class="p33 center">
				<p class="smaller-padding"><i class="icon-list-alt extrabig blue"></i></p> 
				<h3>Success Stories</h3>
				<p>Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet. Risus mollis malesuada quis quis nulla. </p>
			</div>
			<div class="p33 center">
				<p class="smaller-padding"><i class="icon-zoom-in extrabig blue"></i></p> 
				<h3>Our Approach</h3>
				<p>Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet. Risus mollis malesuada quis quis nulla. </p>
			</div>
			<div class="clear"></div>
                    
			<!-- END of WYSIWYG content _____________________________________________-->
			  
		</div> <!-- END .content -->

		<!-- Sidebar ----------------------------------------------------------->
		<aside id="sidebar">

			<div class="widget">
				<h3>Blog Categories</h3>
				<ul class="sidemenu">
					<li><a href="#">Design</a></li>
					<li><a href="#">Awards &amp; Recognition</a></li>
					<li><a href="#">Competitions</a></li>
					<li><a href="#">Travel &amp; Tourism</a></li>
					<li><a href="#">Direct Mail</a></li>
					<li><a href="#">Environment</a></li>
				</ul>
			</div><!-- END .widget -->

			<div class="widget">
				<h3>Text Widget</h3>
				<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
			</div><!-- END .widget -->

			<div class="widget">
				<h3>Accordion</h3>
				<div class="accordion accordion-style1">
				 	<h4 class="accordion-title"><a href="#">User Research</a></h4>
				 	<div><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
					</p></div>
				 
				 	<h4 class="accordion-title"><a href="#">Competitive Analysis</a></h4>
				 	<div><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
					</p></div>

					<h4 class="accordion-title"><a href="#">Market Reseach</a></h4>
				 	<div><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
					</p></div>
				 </div><!-- END .accordion -->
			</div><!-- END .widget -->

			<div class="widget">
				<h3>Popular Tags</h3>
				<ul class="tags">
					<li><a href="#">Inspiration</a></li>
					<li><a href="#">AJAX</a></li>
					<li><a href="#">HTML5</a></li>
					<li><a href="#">jQuery</a></li>
					<li><a href="#">CSS3</a></li>
					<li><a href="#">Photoshop</a></li>
					<li><a href="#">PHP</a></li>
					<li><a href="#">WordPress</a></li>
					<li><a href="#">Design</a></li>
					<li><a href="#">Responsive</a></li>
					<li><a href="#">Envato</a></li>
					<li><a href="#">Sexy</a></li>
				</ul>
				<div class="clear"></div>
			</div>
			
			<div class="widget">
				<h3>Popular Posts</h3>
				<ul class="popular-posts">
					<li>
						<div class="post-thumb"> 
							<a href="#"><img src="imgs/portfolio/vladstudio_books_color3_480x320.jpg" alt=""></a>
						</div>
						<div class="entry-summary">
							<h4><a href="#">Once Upon a Time, There Was a Template...</a></h4>
							<p class="entry-meta"> May 23rd, 2013</p>
						</div><div class="clear"></div>
					</li>
					<li>
						<div class="post-thumb"> 
							<a href="#"><img src="imgs/portfolio/vladstudio_cheshire_kitten_480x320.jpg" alt=""></a>
						</div>
						<div class="entry-summary">
							<h4><a href="#">Mistakes I've Made (And Lessons Learned Along the Way)</a></h4>
							<p class="entry-meta"> May 23rd, 2013</p>
						</div><div class="clear"></div>
					</li>
					<li>
						<div class="post-thumb"> 
							<a href="#"><img src="imgs/portfolio/vladstudio_alice_dragon_tree_480x320.jpg" alt=""></a>
						</div>
						<div class="entry-summary">
							<h4><a href="#">Introduction to Photoshop Scripting</a></h4>
							<p class="entry-meta"> May 23rd, 2013</p>
						</div><div class="clear"></div>
					</li>
				</ul>
			</div>
			
		</aside><!-- END #sidebar -->

		<div class="clear"></div>
	</div> <!-- END .wrapper -->
			
	<!-- Footer _____________________________________________-->
	<footer role="contentinfo" id="footer">
		<div class="wrapper">
			<div class="footerbox">
				<h3>About Us</h3>
				<p>We create awesome HTML and WP themes and templates for your great online presence. We also provide support if you get any issues on our items. Check it out!</p>
				<br />
				<p><a href="http://themeforest.net/user/Darinka?ref=Darinka" target="_blank" class="button">BUY THIS</a></p>
			</div> <!-- END .footerbox -->
		
			<div class="footerbox">
				<h3>Latest News</h3>
				<ul>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Single Clean Post</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Our Blog Revived!</a></h4>
						<p class="small"><strong>Aug 3</strong> / Darinka </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">New Site Out Tomorrow</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox">
				<h3>Events</h3>
				<ul>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Open Klasses</a></h4>
						<p class="small"><strong>Aug 3</strong> / Street Art 2013 </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Summer Party</a></h4>
						<p class="small"><strong>Aug 10</strong> / Best place to party! </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Charity Event</a></h4>
						<p class="small"><strong>Aug 12</strong> / Help find the cure!</p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox last">
				<h3>Our newsletter</h3>
				<form method="post" action="#">
					<p>Sign up now to receive weekly news about new products and great discounts!</p>
					<p><label for="email">Your e-mail address</label> <input type="text" id="email" value="" /></p>
					<p><button type="submit">Subscribe</button></p>
				</form>
			</div> <!-- END .footerbox -->
			<div class="clear"></div>

			<hr />
			<p class="left small">Copyright &copy; 2013 Your Company Name. <br />All rights reserved.</p>
			<ul class="footermenu">
				<li><a href="#">Home</a></li>
				<li><a href="#">Styles</a></li>
				<li><a href="#">Pages</a></li>
				<li><a href="#">Media</a></li>
				<li><a href="#">Layouts</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Contact</a></li>
			</ul> <!-- END .footermenu -->
			<div class="clear"></div>
		</div>  <!-- END .wrapper -->
	</footer>
</div> <!-- END #wrapperbox -->
<br class="clear" />

	
	<!-- Your Google Analytics _____________________________________________-->
	<script type="text/javascript">
	
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })(); 
	
	</script>
</body>
</html>
